<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>课程详情</title>
		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />
		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<script type="text/javascript" src="layui/layui.js"></script>

		<link rel="stylesheet" href="layui/css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />

	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
		})
	</script>

	<body class="index-body">
		<!-- 外部头部拼接 -->
		<div class="header"></div>
		<div class="in-content">
			<div class="index-bread">
				<ol>
					<li>
						<a href="http://yth.0101data.cn/">
							<i class="fa fa-fw ti-home"></i>课程管理
						</a>
					</li>
				</ol>
			</div>
			<div class="in-course">
				<form id="form-validation" method="post" enctype="multipart/form-data" class="form-horizontal form-bordered bv-form" novalidate="novalidate">
					<button type="submit" class="bv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
					<div class="row">
						<div class="form-group">
							<label class="col-sm-3 control-label" for="title">课程名称</label>
							<div class="col-sm-6">
								<input type="text" name="title" value="" class="form-control" placeholder="课程名称" data-bv-field="title">
								<small class="help-block" data-bv-validator="notEmpty" data-bv-for="title" data-bv-result="NOT_VALIDATED" style="display: none;">课程名称不能为空!</small></div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">开始授课时间</label>
							<div class="col-sm-6">
								<div class="input-group date form_date" data-date="">
									<input class="form-control form-control-date" name="startdate" type="text" value="" data-bv-field="startdate">
									<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
								</div>
								<small class="help-block" data-bv-validator="date" data-bv-for="startdate" data-bv-result="NOT_VALIDATED" style="display: none;">时间格式必须为: 年-月-日!</small><small class="help-block" data-bv-validator="notEmpty" data-bv-for="startdate" data-bv-result="NOT_VALIDATED" style="display: none;">开始授课时间不能为空</small></div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">结束授课时间</label>
							<div class="col-sm-6">
								<div class="input-group date form_date" data-date="">
									<!--描述：时间使用form-control和form-control-date这个样式类 -->
									<input class="form-control form-control-date" name="enddate" type="text" value="" data-bv-field="enddate">
									<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
								</div>
								<small class="help-block" data-bv-validator="notEmpty" data-bv-for="enddate" data-bv-result="NOT_VALIDATED" style="display: none;">结束授课时间不能为空!</small></div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label" for="totalscore">总课时</label>
							<div class="col-sm-6">
								<input type="number" name="totalscore" min="1" value="" class="form-control" placeholder="总课时" data-bv-field="totalscore">
								<small class="help-block" data-bv-validator="notEmpty" data-bv-for="totalscore" data-bv-result="NOT_VALIDATED" style="display: none;">总课时不能为空!</small><small class="help-block" data-bv-validator="greaterThan" data-bv-for="totalscore" data-bv-result="NOT_VALIDATED" style="display: none;">Please enter a value greater than or equal to %s</small><small class="help-block" data-bv-validator="integer" data-bv-for="totalscore" data-bv-result="NOT_VALIDATED" style="display: none;">Please enter a valid number</small></div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label" for="supCompany">开课单位</label>
							<div class="col-sm-6">
								<input type="text" name="supCompany" value="" class="form-control" placeholder="开课单位">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label" for="trainTarget">授课对象</label>
							<div class="col-sm-6">
								<input type="text" name="trainTarget" value="" class="form-control" placeholder="授课对象">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">课程描述</label>
							<div class="col-sm-6">
								<textarea name="description" rows="7" class="form-control" placeholder="课程描述" data-bv-field="description"></textarea>
								<small class="help-block" data-bv-validator="notEmpty" data-bv-for="description" data-bv-result="NOT_VALIDATED" style="display: none;">课程描述不能为空!</small></div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label" for="title">课程大纲</label>
							<div class="col-sm-6">
								<div class="file-input file-input-field">
									<div class="input-group file-caption-main">

										<div class="input-group-btn">
											<!--修改上传附件按钮的样式  删除btn btn-info，添加layui-btn和btn-file-new-->
											<div tabindex="500" class="layui-btn btn-file btn-file-new">
												<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
												<span class="hidden-xs">选择附件</span><input data-name="introducationattachment" name="introducationattachmentfile" class="file-uploader" type="file">
											</div>
										</div>
										<!--文件名显示放在按钮后，添加file-name 样式-->
										<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
											<div class="file-caption-name" title=""></div>
											<input type="hidden" name="introducationattachment" value="">
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label" for="title">进度安排</label>
							<div class="col-sm-6">
								<div class="file-input file-input-field">
									<div class="input-group file-caption-main">

										<div class="input-group-btn">
											<div tabindex="500" class="layui-btn btn-file btn-file-new">
												<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
												<span class="hidden-xs">选择附件</span><input data-name="scheduleattachment" name="scheduleattachmentfile" class="file-uploader" type="file">
											</div>
										</div>
										<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
											<div class="file-caption-name" title=""></div>
											<input type="hidden" name="scheduleattachment" value="">
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label" for="title">课程ppt</label>
							<div class="col-sm-6">
								<div class="file-input file-input-field">
									<div class="input-group file-caption-main">

										<div class="input-group-btn">
											<div tabindex="500" class="layui-btn btn-file btn-file-new">
												<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
												<span class="hidden-xs">选择附件</span><input data-name="detailpptattachment" name="detailpptattachmentfile" class="file-uploader" type="file">
											</div>
										</div>
										<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
											<div class="file-caption-name" title=""></div>
											<input type="hidden" name="detailpptattachment" value="">
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label" for="title">课程参考资料</label>
							<div class="col-sm-6">
								<div class="file-input file-input-field">
									<div class="input-group file-caption-main">
										<div class="input-group-btn">
											<div tabindex="500" class="layui-btn btn-file btn-file-new">
												<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
												<span class="hidden-xs">选择附件</span><input data-name="referenceattachment" name="referenceattachmentfile" class="file-uploader" type="file">
											</div>
										</div>
										<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
											<div class="file-caption-name" title=""></div>
											<input type="hidden" name="referenceattachment" value="">
										</div>

									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label" for="title">课程视频</label>
							<div class="col-sm-6">
								<div class="file-input file-input-field">
									<div class="input-group file-caption-main">

										<div class="input-group-btn">
											<div tabindex="500" class="layui-btn btn-file btn-file-new">
												<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
												<span class="hidden-xs">选择附件</span><input data-name="vedioattachment" name="vedioattachmentfile" class="file-uploader" type="file">
											</div>
										</div>
										<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
											<div class="file-caption-name" title=""></div>
											<input type="hidden" name="vedioattachment" value="">
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label" for="title">实验指导书</label>
							<div class="col-sm-6">
								<div class="file-input file-input-field">
									<div class="input-group file-caption-main">

										<div class="input-group-btn">
											<div tabindex="500" class="layui-btn btn-file btn-file-new">
												<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
												<span class="hidden-xs">选择附件</span><input data-name="instructionattachment" name="instructionattachmentfile" class="file-uploader" type="file">
											</div>
										</div>
										<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
											<div class="file-caption-name" title=""></div>
											<input type="hidden" name="instructionattachment" value="">
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group layui-form-item">
							<label class="col-sm-3 control-label"></label>
							<div class="col-sm-9">
								<label class="checkbox-inline" style="padding-left: 20px;">
                                <input type="checkbox" name="ispublished">
                                公开课程
                            </label>
							</div>
						</div>
						<div class="form-group form-actions">
							<div class="col-sm-9 col-sm-offset-3">
								<button type="submit" class="layui-btn layui-btn-normal btn-effect-ripple btn-new">
				                                保存
				                            </button>
								<a class="layui-btn btn-effect-ripple layui-btn-primary reset_btn4 btn-new" href="http://yth.0101data.cn/course">
									返回
								</a>
							</div>
						</div>
					</div>
				</form>
			</div>
			<!--
    	作者：864478199@qq.com
    	时间：2018-03-26
    	描述：底部
    -->
			<div class="login-footer2">
				<span>厦门理工学院 &copy; 2018</span>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		layui.use(['laydate', 'laypage', 'layer', 'form'], function() {
			var $ = layui.jquery,
				laydate = layui.laydate,
				layer = layui.layer,
				laypage = layui.laypage,
				form = layui.form;
			//常规用法
			laydate.render({
				elem: '#date-start'
			});
			laydate.render({
				elem: '#date-end'
			});
			laypage.render({
				elem: 'page',
				count: 70,
				layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
				jump: function(obj) {
					console.log(obj)
				}
			});
			form.render();
			var sourceName = '课程名';
			//			$('.delete').click(function(){
			//				layer.msg('你确定要删除 '+sourceName,{
			//						time:0,
			//						btn:['确定','取消'],
			//						yes:function(index){
			//							layer.close(index);
			//						}
			//					})
			//			})
			$('.delete').click(function() {
				layer.alert('你确定要删除' + sourceName, {
					title: false,
					icon: 0,
					btn: ['确定', '取消'],
					skin: 'layer-ext-moon',
					yes: function(index) {
						console.log("yes");
						layer.close(index);
					}
				})
			})
		});
	</script>

</html>